<template>
	<view class="home-container">
		<!--待办事项-->
		<view class="panel">
			<!--待办事项 标题-->
			<view class="panel-title">
				<view class="itemColor"></view>
				<view>待办事项</view>
			</view>
			<!--待办事项 内容-->
			<view class="panel-body">
				<view @click="onSignIn" class="panel-item">预令签收</view>
				<view @click="onRecite" class="panel-item">复诵指令</view>
				<view @click="onReport" class="panel-item">汇报指令</view>
				<view @click="onSend" class="panel-item">发送指令</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			//发送指令
			onSend() {
				uni.navigateTo({
					url: '/subpkg/send/send'
				})
			},
			//预令签收
			onSignIn() {
				uni.navigateTo({
					url: '/subpkg/signin/signin?tag=1'
				})
			},
			//复诵指令
			onRecite() {
				uni.navigateTo({
					// url: '/subpkg/Recite/Recite'
					url: '/subpkg/signin/signin?tag=2'
				})
			},
			//汇报指令
			onReport() {
				uni.navigateTo({
					// url: '/subpkg/report/report'
					url: '/subpkg/signin/signin?tag=3'
				})
			}
		}
	}
</script>

<style lang="scss">
	.home-container {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 14px;

		.panel {
			.panel-title {
				display: flex;
				flex-direction: row;
				height: 20px;

				.itemColor {
					background-color: limegreen;
					width: 10px;
					margin-right: 10px;
				}
			}

			.panel-body {
				display: flex;
				flex-direction: row;
				width: 100vw;
				text-align: center;
				align-items: center;
				justify-content: center;

				.panel-item {
					width: calc(100vw/4);
					height: 50px;
					// border: 1px solid greenyellow;
					padding-top: 25px;
				}
			}
		}

	}
</style>